<template>
	<view style="display: flex;justify-content: space-between;align-items: center;padding: 5px 0;" @click="EventChange(data.reqsn)">
		<view style="display: flex;flex-direction: column;font-size: smaller;">
			<view class="">{{data.reqsn}}</view>
			<view style="color: #888;">{{data.create}}</view>
		</view>
		<view style="text-wrap: wrap;">{{data.tos}} </view>
		<view :class="data.mark > 0?'bull':'bear'">{{ mode===1?data.money:(data.money / 100).toFixed(2)}}</view>
		<view class="">{{mode===1?data.amount:(data.amount / 100).toFixed(2)}}</view>
	</view>
</template>

<script>
	export default {
		name: "sub-point-card",
		data() {
			return {

			};
		},
		mounted() {},
		props: {
			data: {
				type: Object,
				default: null
			},
			mode: {
				type: Number,
				default: 0
			}
		},
		methods:{
			EventChange(e){
				this.$emit('click', e)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.bull {
		color: #dd524d;
	}

	.bull::before {
		content: '+';
	}

	.bear {
		color: #4cd964
	}

	.bear::before {
		content: '-';
	}
</style>